<script>
import FooterCom from "@/components/footerCom.vue";
import HeaderCom from "@/components/headerCom.vue";
import SwiperCom from "@/views/index/components/swiperCom.vue";
import LiveCom from "@/views/index/components/liveCom.vue";

export default {
  name: "indexPage",
  components: {LiveCom, SwiperCom, HeaderCom, FooterCom}
}
</script>

<template>
<div class="bg">
  <header-com></header-com>
  <section>
    <swiper-com></swiper-com>
    <live-com></live-com>
  </section>
  <footer-com></footer-com>
</div>
</template>

<style scoped lang="less">
.bg{
  background-color: #edf1f7;
}
  section{
    margin:auto;
    width: 1160px;
  }
</style>